<template>
   <div class="wrapper detail-header">
       <div class="container">
          <p class="title-body">
              <router-link 
              to="/"
              >首页</router-link>
              <span>></span>
              <router-link 
              :to="{name:'newsList'}"
              tag="a" target="_blank"
              >新闻列表</router-link>
              <span>></span>
              <router-link to="/">{{this.FirstName}}</router-link>
          </p>
       </div>
       
        
    </div>
</template>

<script>
import { mapState } from 'vuex'
import axios from 'axios'
export default {
  name: 'productDetail-secHeader',
  props:{
      FirstName:String
  },
  data () {
    return {
      msg: 'index',
     
    }
  },
   computed:{
        ...mapState(['baseUrl'])
    },
  mounted() {
  
    
  },
 
  
}
</script>

<style lang="stylus" scoped>
@import "~styles/varibles.styl"
@import "~styles/mixins.styl"
img 
    width 100%
.container
  container()  
.detail-header
    background #f2f0f0
    box-shadow 0 10px 10px rgba(0,0,0,0.16)
.title-body
    width 100%
    height 60px
    line-height 60px
        
.title-body>a,.title-body>span
    float left
    height 60px
    line-height 60px
    color black  
    margin 0 5px 
    font-size 16px
      
</style>
